<template>
  <buju>
    <!-- 作用域插槽方法一 -->
    <h1 slot="header" slot-scope="scope">插槽内容{{scope.xxx.name}}</h1>

    <!-- 作用域插槽方法二  指令v-slot插槽 简写# -->
    <template #content="scope">
      <h1>插槽内容{{scope.msg.age}}</h1>
    </template>

    <!-- 匿名插槽 -->
    <h1>匿名</h1>

    <!-- 具名插槽 -->
    <h1 slot="xxx">具名插槽</h1>
  </buju>
</template>

<script>
import buju from "./buju";
export default {
  components: {
    buju
  },
};
</script>>

<style lang="scss" scoped>
h1 {
  margin: 100px;
}
</style>
